/*
Theme Name: Haus am Sandwall
Theme URI:
Author: Mario Pitsch
Author URI:
Description:
Version: 1.1
License:
License URI:
Tags:
Text Domain:

HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/

*/
@import url(https://fonts.googleapis.com/css?family=Montserrat);
/*
 * Web Fonts from fontspring.com
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 * (c) 2010-2014 Fontspring
 * The fonts included are copyrighted by the vendor listed below.
 * Vendor:      Jeff Levine Fonts
 * License URL: http://www.fontspring.com/fflicense/jeff-levine
 */

@font-face {
    font-family: 'sales_slip_jnlregular';
    src: url('https://haus-am-sandwall.nebas.dev/wp-content/themes/house/font/salesslip-webfont.eot');
    src: url('https://haus-am-sandwall.nebas.dev/wp-content/themes/house/font/salesslip-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://haus-am-sandwall.nebas.dev/wp-content/themes/house/font/salesslip-webfont.woff') format('woff'),
         url('https://haus-am-sandwall.nebas.dev/wp-content/themes/house/font/salesslip-webfont.ttf') format('truetype'),
         url('https://haus-am-sandwall.nebas.dev/wp-content/themes/house/font/salesslip-webfont.svg#sales_slip_jnlregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

input, textarea {font-family: 'Georgia',serif; color: rgb(110, 110, 110); border:none;}
::-moz-selection{background:#FFE088;text-shadow:none}
::selection{background:#FFE088;text-shadow:none}
hr{display:block;height:1px;border:0;background:url(img/hr_bg.svg);max-width:600px; margin:20px auto;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#cookie-notice {
  position: fixed;
  bottom:0;
  width: 100%;
  padding:20px 10px;
  z-index:9999;
  text-align: center;
}
#cookie-notice span {
  display: inline-block;
  margin:0 1rem 10px 0;
}
#cookie-notice .gdpr.button {
  background: #67AECE;
  padding:5px 10px;
  margin:2px;
}
#cookie-notice .gdpr.button:hover {
  background: white;
}

BODY {font: .85em/1.35em 'Georgia',sans-serif; color:rgb(110,110,110); background: rgb(239,245,249); margin:0;}
.wrapper {position:relative;}
.maxWidth {max-width: 1200px; margin:0 auto; position: relative; }
.book {max-width: 800px; margin:0 auto;}
.inset40.center {max-width: 1000px; margin:0 auto;}
.striper {background: rgb(239,245,249) url(img/stripes.svg);position: absolute;top:0px;left:0px;height:13px;display: block;width: 100%;z-index:9999;}

header {padding:0; margin:0; min-height:51px; overflow:visible; z-index:9999; background: rgb(239,245,249);}

    .showmenu {height:24px; padding:8px 0; position: absolute; top:10px !important; left:1em !important;}
    .showsearch {height:24px; padding:8px 0; position: absolute; top:0; right:0;}

    .logo.onlyDesktop {display: none; height:auto; width:268px; margin:-10px 0 0 -132px; position:absolute; left:50%; z-index:-1; }
    .logo.onlyMobile {height:85px; width:auto; position:relative; display:block; text-align: center; left:0; margin:1.2em 0; }
    .onlyDesktop {display: none;}

    #searchform {position: relative;}
    #searchform DIV {margin:0;}
    #searchform input#s {background:white; padding-right: 40px; }
    #searchform #searchsubmit {position: absolute; top:.5em; right:.5em;}

/* NAV ================================================================= */

nav {width:100%;-webkit-transform: translate3d(0, 0, 0);}
nav UL {padding:0; margin:0; list-style: none;}
nav UL.main LI {position: relative; text-align:center; }
nav UL.main LI A {display:block;width:100%;text-align:center;line-height:35px; height:35px;}
nav UL.sub LI A {color:#9C9C9D}
.justify {-webkit-transform: translate3d(0, 0, 0);}
/*
nav UL.main LI A.open-sub {background:url(img/up_down.svg) no-repeat top right;}
nav UL.main LI A.open-sub.active {background-position: bottom right;}
*/

/* SLIDER ================================================================= */

#slider {position: relative; width:100%; overflow: hidden; background: white;}
    .cy, .cycle-slide {width:100%;}
    .cy img {width: 100%; height: auto;}
    .cy .inset40, .cy .inset40 .center {padding:40px 0; width: 100%; right:0; max-width:1200px;}

#slider-overlay {position:absolute;left:0;top:0;bottom:0;right:0;z-index:999;}
#slider-overlay .cy {height: 100% !important}
#slider-overlay .cycle-slide {display:table !important; width:100%; height:100%;   }
#slider-overlay .cycle-slide > DIV {display: table-cell; vertical-align:middle }
    .fp-slogan, .fp-logo {height:100%; width:100%}
    .fp-logo .resp-w {width:52%;height:auto;margin:0 auto;display:block;}
    .fp-slogan .resp-w {width:20%;margin:0 auto;display:block;}
    .fp-slogan .slip {font-size: 40pt;color:white;display:block;text-align:center;letter-spacing:0.02em;margin:20px auto;font-weight:normal;padding-bottom:8px; }
    .fp-slogan HR {width:10%;background:white;height:2px;margin:12px auto;}
    .fp-slogan .mont {color:white;font-size:14pt;display: block; margin:0 auto;font-weight:normal;text-align:center;}

/* CONTENT ================================================================= */

.ui-content {padding-bottom: 290px; padding-top:80px;}

.flat .col { overflow: hidden; height:10%}
.flat .col IMG.adjust {width:100%; height:auto  }
.flat-icon {max-width:50px; display:block; margin:0 auto; padding: 2em 0 .6em 0;}

#replay {background:url(img/replay.svg) no-repeat right center;text-indent:-9999em;width:45px;display:block;position: absolute; top:0; right:0; padding:.5em;font-style:italic }
#f-overlay {position: fixed;top:0;left:0;right:0;bottom:0;background: rgb(239,245,249); }

/* FOOTER ================================================================= */

footer { background: rgb(239,245,249); min-height:230px; overflow: hidden; width: 100%;padding-bottom:50px }
footer .maxWidth {background:white; height:230px; }
footer .inset40 {padding-top:75px}
footer .striper { position: relative; height: 50px; background-color: none; z-index:0;}
footer .copy {display:block; position:absolute; width:95%; top:150px; left:0; text-align:center }
footer .col.w33 {position: absolute;top:0;left:0;text-align:center;width:100%}
footer .col.w33 .inset40 {padding-top:55px; }
.social {display:inline; padding:47px 47px 0 0; margin:0 5px}
.social.yelp {background: url(img/social.svg) no-repeat center left;}
.social.fb {background: url(img/social.svg) no-repeat center right;}

/* CEs ================================================================= */

.inset40 {padding: 2em 1em; text-align: center;}
.inset16 {padding: 1em .5em; text-align: center;}
.tb10 {padding-top: 10px; padding-bottom: 10px;}

.col:first-child .inset40 {padding-bottom: 0;}
.col:last-child .inset40 {padding-top: 0;}

.col.bg_blue1:first-child .inset40,
.col.bg_blue2:first-child .inset40,
.col.bg_blue3:first-child .inset40,
.col.bg_white:first-child .inset40,
.bg_blue2 .col:first-child .inset40,
.col:last-child.iframed .inset40

{padding-bottom:2em;}

.col.bg_blue1:last-child .inset40,
.col.bg_blue2:last-child .inset40,
.col.bg_blue3:last-child .inset40,
.col.bg_white:last-child .inset40,
.bg_blue2 .col:last-child .inset40,
.col:last-child.iframed .inset40,
.col:last-child .inset40.nMC
{padding-top:2em;}

H1.ab30 {/*margin-bottom:0;*/}

.offer {padding:1.5em 16px 0;}
.offer TABLE {width:100%;}
.offer TABLE A { font-style:italic; background:url(img/long-arrow_blue4_next.svg) no-repeat right center; padding:0 80px}
.offer TABLE TD {padding:.2em 8px; display:block; text-align:center;  }
.offer TABLE TD:last-child {margin-bottom:0.5em;}

.acf-map {width: 100%; height: 350px;}

.w66.iframed {width: 100%; position: relative;}
.w33.iframed {float:none; width:auto; overflow:hidden;}
.w33.iframed .inset40 {text-align: center;}


.specList {padding:0; display:block; text-align: center; width:100%; }
.specList P {margin:0 8px; padding:.8em 1em; background:url(img/hr_bg.svg) repeat-x left bottom;  }

/* SPACER ================================================================= */

.ab0 {margin-bottom: 0px;}
.ab10 {margin-bottom: 10px;}
.ab20 {margin-bottom: 20px;}
.ab25 {margin-bottom: 25px;}
.ab30 {margin-bottom: 30px;}
.ab40 {margin-bottom: 40px;}
.ab60 {margin-bottom: 60px;}

.at0 {margin-top: 0px;}
.at10 {margin-top: 10px;}
.at20 {margin-top: 20px;}
.at30 {margin-top: 30px;}
.at40 {margin-top: 40px;}

/* COLORS ================================================================= */

.bg_white { background: #FFF; }
.bg_blue1 { background: #AFD5E7;}
.bg_blue2 { background: #67AECE; color: white;}
.bg_blue3 { background: #0E77AB; color: white;}

.blue1 {color:#AFD5E7;}
.blue2 {color:#67AECE}
.blue3 {color:#0E77AB}
.blue4 {color:#0C5686}
.grey {color:#9C9C9D}

/* INLINE NAV ================================================================= */

.morelink {font-style: italic; position: absolute; bottom:1.5em; right:1em; padding-right: 90px; background: url(img/long-arrow_white_next.svg) no-repeat center right;}
.morelink.search {background: url(img/long-arrow_blue4_next.svg) no-repeat center right; color:#0C5686}

.iframed .morelink {font-style: normal; position: relative; left:auto; width:auto; right:auto; bottom:auto; display: block; min-width:200px; padding:1.5em 20px 30px 20px; background-position: bottom center; }
.calNext, .calPrev {width:75px; display: block; position: absolute; right:15px; top:5px; background:url(img/long-arrow_blue_next.svg) no-repeat center center; text-indent:-9999em}
.calPrev {background:url(img/long-arrow_blue_prev.svg) no-repeat center center; right: auto; left:15px;}


.results {padding-bottom:1em }
.results.intend {text-align:left; padding-bottom:40px;}

.moreSpecs {font-style: italic; display: block; text-align: right; padding:0 20px;color:#0C5686;}
.secondary {color:#0E77AB}

/* ==========================================================================
   TYPE
   ========================================================================== */

A {text-decoration:none; color:#0C5686;}
P A {font-style:italic; color:#333;}
P A:hover {color:#0C5686;}
P {margin-top:0}
P:last-child {margin-bottom:0 }
A:focus {outline:none;}

.inset40 A:hover {opacity: 0.8}
.bg_blue2 A, .bg_blue3 A {color:white;}

.mont { font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.slip { font-family: 'sales_slip_jnlregular', sans-serif; text-transform: uppercase; }
.italic { font-style: italic; }
.smaller { font-size:0.9em }
.intend { padding:0 2.2em; text-align: center; }
.center {text-align:center; }

H1 {
    text-align: center;
    font-family: 'sales_slip_jnlregular', sans-serif; text-transform: uppercase;
    font-weight: normal;
    font-size: 30pt;
    line-height: 34pt;
    display: inline-block;
    padding:0 10px;
    margin:0.3em 0;
    border-style: solid;
    border-width: 0 20px;
    -moz-border-image: url(img/headline_border_white.svg) 0 20 repeat;
    -webkit-border-image: url(img/headline_border_white.svg) 0 20 repeat;
    -o-border-image: url(img/headline_border_white.svg) 0 20 repeat;
    border-image: url(img/headline_border_white.svg) 0 20 repeat;
}
H1.blue4,H1.blue3,H1.blue2 {border-width:0; padding:0;}
H1.blue3.big {
    font-size: 44pt; line-height:48pt; border-width: 0; padding:0 10px;
    -moz-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
    -webkit-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
    -o-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
    border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
}
H1 {margin-bottom:0.8em}
H1.blue4 {margin-top:1em }
H1.blue2 {margin-bottom:30px;}

.nodash_h1 H1 {border:none; padding:0; margin:0.8em 0 0.3em 0 }
.flatslider_overlay {position: absolute; color:white; background: rgba(14,119,171,0.8); padding:.2em;border:none; top:50%; left:50% }
H2 {font-weight: normal; font-size:1.1em; padding:0 1em; text-align: center; font-family: 'Montserrat', sans-serif; text-transform: uppercase;margin-top:0 }

HR { border:none; background:url(img/hr_bg.svg); height:1px; max-width:600px; width:60%; margin:1em auto;  }

/* ==========================================================================
   LAST MIN
   ========================================================================== */

#last_minute_panel.reposition {position:fixed;bottom:50%;right:50%;width:90%;margin-right:-45%;max-width:1200px;background:#fff;z-index:2000;-webkit-transform: translate3d(0,0,0)}
#last_minute_panel {background:#fff;}
#last_minute_panel .header{height:40px;padding:12px 0;text-align:center}
#last_minute_panel table td{display:block;text-align:center;padding:.2em 8px;}
#last_minute_panel table td.slip{font-size:26pt;line-height:32pt;text-align:center}
.makeoffer{margin-bottom:0.7em;background:url(img/long-arrow_blue4_next.svg) no-repeat center right;display:block;font-style:italic}
.closeOffers{width:40px;height:40px;position:absolute;top:12px;right:12px;text-indent:-9999em;background:url(img/close.svg) no-repeat center center}
#last_minute{-webkit-transform: translate3d(0,0,0);position:fixed;top:0;z-index:1005;bottom:0;left:0;right:0;-webkit-perspective:9999px;-moz-perspective:9999px;perspective:9999px;pointer-events:none;background:none!important;}
#last_minute_panel,A.last_minute{-o-transition:-o-transform .6s ease-in-out;-ms-transition:-ms-transform .6s ease-in-out;-moz-transition:-moz-transform .6s ease-in-out;-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-transform:rotateX(0deg) rotateY(0deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-transform:rotateX(0deg) rotateY(0deg);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;transform:rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;backface-visibility:hidden;pointer-events:auto}
#last_minute #last_minute_panel{z-index:0;-webkit-transform:rotateY(180deg) rotateZ(-45deg) translate3d(-100%,-60%,0);-moz-transform:rotateY(180deg) rotateZ(-45deg) translate3d(-100%,-60%,0);transform:rotateY(180deg) rotateZ(-45deg) translate3d(-100%,-60%,0);bottom:0;right:50%}
#last_minute.flip #last_minute_panel{z-index:9999;-webkit-transform:rotateY(0deg) rotateZ(0deg) translate3d(0,0,0);-moz-transform:rotateY(0deg) rotateZ(0deg) translate3d(0,0,0);transform:rotateY(0deg) rotateZ(0deg) translate3d(0,0,0);/*bottom:50%;right:50%*/}
#last_minute.flip .last_minute{-webkit-transform:rotateY(180deg) rotateZ(0deg) translate3d(50%,60%,0);-moz-transform:rotateY(180deg) rotateZ(0deg) translate3d(50%,60%,0);transform:rotateY(180deg) rotateZ(0deg) translate3d(50%,60%,0); /*bottom:60%;right:50%*/}

A.last_minute{background:#5DA0C1; pointer-events:auto;display:block;position:fixed;bottom:0px;right:0px;left:0;height:26px;padding:12px 0;width:100%;text-align:center; -webkit-transform: translate3d(0, 0, 0);}
A.last_minute H1,#last_minute_panel .header H1{margin:0;font-size:26pt;line-height:22pt;border-width:0 60px;-moz-border-image:url(img/stripes_headline_long.png) 0 60 repeat;-webkit-border-image:url(img/stripes_headline_long.png) 0 60 repeat;-o-border-image:url(img/stripes_headline_long.png) 0 60 repeat;border-image:url(img/stripes_headline_long.png) 0 60 repeat}

#last_minute_panel table {width:100%;}
#last_minute_panel.page {padding-bottom:2em}

/* ==========================================================================
   KONTAKT
   ========================================================================== */

.wpcf7-form input {background:white;}
.wpcf7-form label {font-family: 'Montserrat', sans-serif; text-transform: uppercase; color:#0C5686; display: block; float:none; width:auto; text-align:left; padding-bottom: .3em }
.form-control-wrap.offer {padding:0;}
.message textarea {min-height:100px}
.wpcf7-form input, .wpcf7-form textarea {font-family: 'Georgia',serif; color: rgb(110, 110, 110);}
.wpcf7-form .ui-btn {color:white; background:#0C5686; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.ui-field-contain {margin-top:0;}

.nope {display: none !important; visibility: hidden;}

/* ==========================================================================
   JQUERY
   ========================================================================== */

.flex4_sub {position: absolute; bottom:40px; left:34px; right:34px; text-align:center;  overflow:hidden; }
.flex4_sub P, .postcards .cy P {margin:0; height:24px; padding:5px 0; background:rgba(104,174,206,0.7); font-size:.8em;line-height:1.2em }

.postcards .w33 {}
.postcards .w66 {}
.postcards .w66 .inset40 {padding-bottom:0; padding-top:0;}
.postcards P:last-child {margin-bottom:15px}

/*.cy.frontpage, .cy.frontpage .cycle-slide {min-height:500px;}*/

.cy {overflow:hidden; -webkit-transform: translate3d(0,0,0)}
.cycle-slide {-webkit-transform: translate3d(0,0,0); height: 100%;}
.flatpage .cycle-slide {background: rgb(239,245,249) url(img/stripes_w.svg);}
.cy IMG.higher {display:block; width:auto; height:100%; margin:0 auto;  }
.cy.book {overflow:visible}
.cy .inset40 P {padding:0 1em}
.cy .inset40 P:last-child {margin-bottom:0;}
.postcards .cy {max-height:280px; height:280px; overflow:hidden; }
.postcards .cy DIV {text-align:center; width:100%;}
.postcards .cy IMG {max-height:250px; max-width:100%; width:auto; margin-top:50px;}
.postcards .cy P {text-align:center; display:block; position:absolute; top:0; left:40px; right:40px; background:none; }

.pager {position: absolute; bottom: 30px; left:30px; z-index: 999;}
.pager SPAN {display: block; width:60px; height:3px; text-indent: -9999px; background: rgba(255,255,255,0.3); float: left; margin-right: 10px;}
.pager SPAN.cycle-pager-active {background: rgba(255,255,255,1)}

.cy-prev, .cy-next {width:34px; height:34px; position: absolute; bottom:0; z-index: 998; cursor:pointer; }
.cy-next {right:0; background: rgba(104,174,206,0.7) url(img/arrows_right.svg) no-repeat center center;}
.cy-prev {left:0; background: rgba(104,174,206,0.7) url(img/arrows_left.svg) no-repeat center center;}
.cy-next.inactive, .cy-prev.inactive {background-image:none;cursor:default}

.postcards .cy-prev, .postcards .cy-next {top:0;}
HR.onlyMobile.ab0 {margin-bottom:-2em; }

/* ==========================================================================
   FX
   ========================================================================== */
/*
UL.sub{-webkit-transition:opacity .3s linear,visibility .3s linear;-moz-transition:opacity .3s linear,visibility .3s linear;-o-transition:opacity .3s linear,visibility .3s linear;transition:opacity .3s linear,visibility .3s linear}
UL.main A {-webkit-transition:all .3s linear,visibility .3s linear;-moz-transition:all .3s linear,visibility .3s linear;-o-transition:all .3s linear,visibility .3s linear;transition:all .3s linear,visibility .3s linear}
*/
/* ==========================================================================
   JQM UI FIXES
   ========================================================================== */

/* Loader */
.ui-icon-loading {
    background-color: #0C5686 !important;
    background: url(img/ajax-loader.gif) no-repeat center center;
    background-size: 30px,30px;
    filter: Alpha(Opacity=75);
    opacity:.75;
}
.ui-loader-verbose,.ui-loader-default {
    filter: Alpha(Opacity=75);
    opacity:.75;
}
.ui-content {padding:0;}
.ui-fixed-hidden {position: fixed; top:0px; padding-top:0px }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (min-width: 400px) {
   /* .w66.iframed {width: 400px;}*/
   .inset40 {padding-left:2em;padding-right:2em }
}
@media screen and (min-width: 600px) {
    BODY {font-size:1em;line-height:1.5em}

    .inset40,
    .col.bg_blue1:first-child .inset40,
    .col.bg_blue2:first-child .inset40,
    .col.bg_blue3:first-child .inset40,
    .col.bg_white:first-child .inset40,
    .bg_blue2 .col:first-child .inset40,
    /*.col:first-child .inset40,*/
    .col.bg_blue1:last-child .inset40,
    .col.bg_blue2:last-child .inset40,
    .col.bg_blue3:last-child .inset40, .col.bg_white:last-child .inset40, .bg_blue2 .col:last-child .inset40, .col:last-child.iframed .inset40, .col:last-child .inset40.nMC
    /*.col:last-child .inset40*/ {padding:40px}
    .inset16 {padding: 40px 16px; text-align: center;}
    .morelink {bottom:30px; right:40px }

    .iframed .morelink {background-position:right center; padding:0 75px; margin: 0 auto; max-width:300px;}

    .results {padding-bottom: 20px;}
    .results .morelink {bottom:10px;}

    .flat .col {height:390px; overflow: hidden;}
    .flat .inset40 {height:100%}
    .flat-icon {position: absolute; max-width: 70px; left:40px; top:410px; margin-top:0;}
   .flat H1 {margin-top: 40px;}

    H1{font-size:40pt;line-height:44pt;padding:0 10px;margin:.5em 0 .8em}
    H1.blue4,H1.blue3 {
        -moz-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
        -webkit-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
        -o-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
        border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
        padding:0 10px;
        border-width: 0 20px;
    }
    H1.blue2 {
        font-size: 44pt; line-height:48pt; border-width: 0 20px; padding:0 10px;
        -moz-border-image: url(img/headline_border_b2_bold.svg) 0 20 repeat;
        -webkit-border-image: url(img/headline_border_b2_bold.svg) 0 20 repeat;
        -o-border-image: url(img/headline_border_b2_bold.svg) 0 20 repeat;
        border-image: url(img/headline_border_b2_bold.svg) 0 20 repeat;
    }
    H1.big {font-size: 64pt;}

    H1.blue3.big {
        font-size: 44pt; line-height:48pt; border-width: 0 20px; padding:0 10px;
        -moz-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
        -webkit-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
        -o-border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
        border-image: url(img/headline_border_b4_bold.svg) 0 20 repeat;
    }

    H1.ab30 {margin-bottom:30px; }
    H2 {text-align:left;padding: 0 2em }
    .intend {text-align:left;}

    .bg_blue2 H2 {padding:0;}
    .bg_blue2 .inset40 {text-align:left}

    .nodash_h1, .nodash_h1 H1  {text-align: left; margin:.5em 0 0.8em}

    .offer {padding-bottom:1.5em;}
    .offer TABLE A {width:auto;display:inline;}

    .fp-slogan .slip {font-size: 50pt;color:white;display:block;text-align:center;letter-spacing:0.02em;margin:25px auto;font-weight:normal;padding-bottom:8px; }
    .fp-slogan HR {width:10%;background:white;height:2px;margin:20px auto 15px auto;}
    .fp-slogan .mont {color:white;font-size:16pt;display: block; margin:0 auto;font-weight:normal;text-align:center;}

    .w33.iframed .inset40 {height: 100%; text-align: center;}
    .calNext, .calPrev {top:15px;}

/* LAST MINUTE ======================================================================== */

    A.last_minute{bottom:65px;right:96px;left:auto;height:40px;width:500px;margin-right:-250px;text-align:center;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
    A.last_minute H1,#last_minute_panel .header H1{font-size:36pt;line-height:30pt;}
    footer {padding-bottom:0px }
    footer .col:first-child .inset40 {padding-top:75px }

    .makeoffer{padding-right:85px; margin:0 0 0 85px; display: inline;}
    #last_minute_panel table td.slip  {padding-top:1em}

    #replay {right:40px;}
    HR {margin:20px auto;}

/* FX ======================================================================== */

    .bordered{border-style:solid;border-width:0 0 8px 8px;border-color:rgba(0,0,0,0);overflow:visible;position:relative}
    .bordered > div{background:#fff; width:calc(100% - 8px)}
    .bordered:before{content:"";background:url(img/stripes.svg) repeat bottom left;right:16px;height:100%;display:block;position:absolute;bottom:-8px;left:-8px;z-index:-1}

    .postcards .cy {max-height:430px; height:430px;  }
    .postcards .cy IMG {max-height:350px;}
    .cy .inset40 P {padding:0 40px}


    .flex4_sub P, .postcards .cy P {font-size:0.9em; line-height:1.7em;letter-spacing:-0.04em  }

}
@media screen and (min-width: 800px) {

    #flatpage .col {width:50%;float:left;}
    #flatpage .col.w33.iframed {width:calc(100% - 405px);float:left;height:390px}
    #flatpage .col.w66.iframed {width: 400px;}

    #flatpage .col.w33.specList {padding:0; width:50%; float:none; }
    .specList P { padding:18px 0; min-height:20px;}



}
@media screen and (min-width: 900px) {

    header {min-height:13px;}
    .logo.onlyDesktop {height:auto; width:250px; display:block; margin:20px 0 0 -125px; position:absolute; left:50%; z-index:-1; }
    .showmenu {top:0 !important; left:0 !important;}

    nav {position: relative; height: 40px;}
        nav UL.main {max-width: 800px; margin: 0 auto; display: block; text-align: justify; padding: 0 65px; height:40px;}
        nav UL.main LI {text-align: center; display: inline; position: relative; height:auto; }
        nav UL.main LI A {display: inline-block; line-height:40px; background:none; width:auto;height:40px;}
        nav UL.main LI.justify {display: inline-block; width: 100%; *display: inline; zoom: 1; height: 0; z-index:2; background:#EFF5F9; opacity: 0.8; padding: 0 65px; margin-left:-65px;/* visibility: hidden;*/}
        nav UL.sub {position: absolute; z-index:3; left:0; text-align: center; width:160px; margin:0; visibility: hidden; opacity: 0; top:30px;}
        nav UL.sub LI {display: block;}
        nav UL.sub LI {white-space: nowrap;}
        nav A, nav UL.main LI:hover UL A {color:rgb(12,86,134);  transition: all 300ms ease;}
        nav A:hover, nav UL.main LI:hover UL.sub {visibility: visible; opacity: 1;}
        nav A:hover, nav UL.main LI:hover A:hover {color:#67aece;}

    #searchform {position: absolute; right:0; top:40px; display:none;  z-index: 9999; }
    #searchform input#s {background:white; border:none; padding:8px 36px 8px 8px; font-size:12pt; line-height: 20px; float:left; width:auto;}
    #searchform input#searchsubmit { width:22px; height:22px; padding:8px; position: absolute; right:0; top:0; }

    .ui-panel {min-height: 0;}
    .ui-panel-closed {visibility: visible; overflow: visible;}
    #mainpanel, .ui-panel-inner {background: none;position: relative;padding: 0;width:auto;left: 0;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);max-height: auto;min-height: auto;}
    .ui-panel-page-content-position-left.ui-panel-page-content-display-push,.ui-panel-animate.ui-panel-page-content-position-left,.ui-panel-page-content-position-left.ui-panel-page-content-display-push {margin:0;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    #mainpanel { padding:0; z-index: 1001; background:#EFF5F9; width:100%; top:190px; position: absolute;}
    #content, .ui-panel-inner {padding:0 40px;}
    #replay { padding: 0 55px 0 0; text-align:right; text-indent: 0; width:auto; margin-top:20px; z-index: 9999;}

    .logo.onlyMobile, .onlyMobile, .ui-header .ui-btn.showmenu {display: none;}
    .onlyDesktop {display: block;}

    .ui-content, .page-content {padding:215px 0 0 0;}

    /*.inset40 P, .inset16 P {text-align: left;}*/
    .inset40.center P, .inset16.center P, .center {text-align: center;}

    H1{margin:.2em 0 0.5em}
    H2 {text-align:left; padding: 0;}

    .flat-icon {display:none;}
    .flat .inset40 {height:100%;}
    .flat H1 {margin-top:65px }

    footer .col:first-child .inset40, footer .inset40 {text-align: left; padding-top:80px; }
    footer .col.w33 .inset40 {margin-left:-5px;}
    footer .copy {display: block; position: absolute; bottom: 40px; left:40px; top:auto; text-align:left; }

    .offer TABLE TD {border-bottom: 1px dashed #9C9C9D; display: table-cell; padding:12px 0;}
    .offer TABLE TR:last-child TD {border:none;}

    #last_minute_panel table{border:12px solid #fff;border-width:5px 20px}
    #last_minute_panel table td{width:25%;height:30px;text-align:left;padding:8px;font-size:13pt;line-height:15pt;border-bottom:1px dashed #9C9C9D; display:table-cell; }
    #last_minute_panel table td.slip { padding:8px;}

    .makeoffer{text-align:right;padding-right:85px; margin:0;}

    .flex4_sub {left:0px; right:0px; text-align:left;}
    .flex4_sub P { padding:5px 40px; height:30px; line-height: 30px}

    .flex4_sub P, .postcards .cy P {font-size:1em; line-height:1.7em;letter-spacing:0em  }
    .intend {padding:0 0 0 40px;}

    .postcards .w33 {position: absolute; top: 60px; width:33%}
    .postcards .w66 {margin-left:33%; }
    .postcards .cy {max-height:380px; height:380px; overflow:visible }
    .postcards .cy DIV {text-align:center; width:100%;}
    .postcards .cy IMG {max-height:350px; width:auto; margin:0;}
    .postcards .cy-prev, .postcards .cy-next {top:50%; margin-top:-44px;}
    .postcards .cy P {text-align:center; display:block; margin-top:10px; position:relative; left:auto; right:auto;}

    .cy-prev, .cy-next {width:44px; height:44px; bottom:auto; top:50%; margin-top:-22px; }
    .cy-next {right:16px;}
    .cy-prev {left:16px;}
    .cy-next.inactive, .cy-prev.inactive {background:none;cursor:default}


    .col.w50.odd, .col.w50 {float:left; position: relative;}
    .col.w50.even {float:right; position: relative;}
    .w50 {width:50%}
    .w33, .w40, .w60, .w66 {float:none;}

    .dashleft {background: url(img/hr_bg_vert.svg) repeat-y center left;}
    .dashright {background: url(img/hr_bg_vert.svg) repeat-y center right;}
    .w33.iframed {height:390px;}
    .iframed .morelink {position: absolute;bottom:20px; right:20px; left:auto; width:380px; color:#0E77AB; padding-right:80px; padding-left:0; font-style:italic; background-image:url(img/long-arrow_blue_next.svg);     }


    .fp-slogan .slip {font-size: 80pt;color:white;display:block;text-align:center;letter-spacing:0.02em;margin:40px auto;font-weight:normal;padding-bottom:25px; }
    .fp-slogan HR {width:10%;background:white;height:3px;margin:30px auto;}
    .fp-slogan .mont {color:white;font-size:20pt;display: block; margin:0 auto;font-weight:normal;text-align:center;}

}
@media screen and (min-width: 1200px) {

    #replay {bottom:30px; top:auto; margin:0;}
    #last_minute_panel table td{text-align:center;}
    #last_minute_panel table td.slip {text-align:left;}
    #last_minute_panel table td A {display: block;text-align: right;}

    .flex4_sub {overflow:visible; left:40px; text-align:left; padding:0; width:calc(33.333% - 80px); }
    .odd .flex4_sub {left:auto; right:40px}
    .flex4_sub P {height:auto; padding: 0; background:none; margin:0; line-height:20px; top:auto !important; bottom:0;  }
    .flex4_sub .cy {overflow: visible;}

    .postcards .w33 {position: absolute; top:80px;  width:33%}

    H1, .flat H1{margin:.5em 0 1.1em}
    H1.blue3.big {font-size:54pt}
   /* .flex3 H1 {border:0; padding:0; display: block; text-align: left;} */
    .flex7 {  display: flex; flex-flow: nowrap; align-items: stretch; }
    .flex7 iframe {position: absolute; width:100%; height:100%;}
    .flex7 .w66 {position: relative;}
    
    .w33, .w40, .w60, .w66 {flex:0 0 auto; float:left;}
    .col.even.w33, .col.even.w40, .col.even.w60, .col.even.w66 {flex:0 0 auto; float:right;}
    .w40 {width:40%}
    .w33 {width:33.3333%}
    .w60 {width:60%}
    .w66 {width:66.6666%}

    .inset40 P {text-align: left;}
    .col:last-child .inset40, .col:first-child .inset40 {padding:40px; }

    .bg_blue2 .w33 .inset40 {text-align:left;border:none; }
    .bg_blue2 .w33 .inset40 H1 {padding:0; border:none; }

    .offer TABLE A {padding-left:0 }

    footer .col.w33 {float:left;width:33.3333%; position: relative;}
    footer .w33 {padding:40px 0}
    footer .col:last-child.w33 .inset40 {padding: 0 40px; height:100px}
    footer .col:first-child .inset40 {padding-top:40px; }

    .social {display:block;width:47px;height:47px; padding:0; margin-bottom: 10px}
    .flat-icon {top:45px; display:block; }

    #flatpage .col.w33.specList {padding:0; width:33.3333%; text-align:left; }
    .specList P { padding:18px 20px; min-height:20px;}

    #flatpage .col.w66.iframed {width:66.6666%}
    #flatpage .col.w33.iframed {width:33.3333%;}
    #flatpage .col.w33.iframed .inset40 {margin-left:10px; }


    .fp-slogan .slip {font-size: 80pt;color:white;display:block;text-align:center;letter-spacing:0.02em;margin:40px auto;font-weight:normal;padding-bottom:25px; }
    .fp-slogan HR {width:10%;background:white;height:3px;margin:30px auto;}
    .fp-slogan .mont {color:white;font-size:20pt;display: block; margin:0 auto;font-weight:normal;text-align:center;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.resp-w {width:100%; height: auto !important;}
.resp-h {height:100%; width: auto !important;}

.ir{background-color:transparent;border:0;overflow:hidden}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix {position: relative; -webkit-transform: translate3d(0,0,0)}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print{
    *{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
    blockquote,pre{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}img,tr{page-break-inside:avoid}
    img{max-width:100%!important}@page{margin:.5cm}
    h2,h3,p{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
}